*{
    padding: 0;
    margin: 0;
    color: #510000;
}
html,body{
    width: 100%;
    height: 100%;
}
.page{
    height: 100%;
    background-color: whitesmoke;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    box-shadow: 0 0 8px 0 brown;
    margin: 5%;
}
.header{
    padding: 5px 0;
    text-align: center;
    font-size: 42px;
    font-weight: bolder;
    background-color: wheat;
}
.main{
    width: 370;
    height: 132;
    display: flex;
    /* border: 1px solid brown; */
    border-bottom: 1px solid brown;
    background-color: wheat;
}
.person{
    height: 370;
    font-size: smaller;
    margin: 1%;
}
img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 3px 2px 10px 0 #6b4000;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
}
.content{
    flex: 1;
    display: flex;
    font-size: x-small;
}
.left{
    flex: 1;
    /* border-right: 1px solid brown; */
    box-shadow: 0 0 8px 0 brown;
    margin: 1%;
}
.right{
    flex: 2;
    /* border-right: 1px solid brown; */
    box-shadow: 0 0 8px 0 brown;
    margin: 1%;
}
.ex{
    display: flex;
}
.ti{
    padding-bottom: 12px;
    text-align: center;
}
.talent{
    padding: 4%;
    border-bottom: 1px solid brown;
}
.quality{
    padding: 4%;
    border-bottom: 1px solid brown;
}
.contact{
    flex: 1;
    padding: 4%;
}
.edu{
    padding: 4%;
    border-bottom: 1px solid brown;
}
.experience{
    padding: 4%;
    border-bottom: 1px solid brown;
}
.honor{
    flex: 1;
    padding: 4%;
}
